.Xmp-flip-up {
  animation: Flip-animation-up 0.5s forwards;
}

.Xmp-flip-down {
  animation: Flip-animation-down 0.5s forwards;
}

@keyframes Flip-animation-up {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(180deg);
  }
}

@keyframes Flip-animation-down {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
